@import "src/styles/variable.scss";
.detail-container {
    height: 100vh;
    .form-container {
        height: calc(100% - 106px);
        padding: 8px;
        border-top: 2px solid #fff;
        overflow-y: auto;
        .adm-input-element {
            background: #fff;
        }
    }
    .grid-table {
        width: 100%;
        height: 600px;
    }

    .file-list-container {
        height: auto;
        overflow: hidden;
        .adm-list-item {
            margin-bottom: 8px;
        }
    }

    .edit-form {
        overflow-y: auto;
    }
}

.workflow {
    .adm-popup-body {
        padding: 14px;
        .workflow-container {
            height: calc(100% - 48px);
            .select {
                margin-top: 8px;
            }
            .step-wrapper {
                height: calc(100% - 90px);
                overflow: hidden;

                h4 {
                    padding: 6px 0;
                }
                .errorTip {
                    color: red;
                }

                .empty-node {
                    color: red;
                }

                .step-record {
                    margin-bottom: 10px;
                }

                .step-wrapper__content {
                    margin: 10px 0;
                    height: calc(100% - 60px);
                }

                .empty {
                    border: 1px solid #dcdfe6;
                    border-radius: 2px;
                    height: 50px;
                    line-height: 50px;
                    padding-left: 15px;
                    text-align: center;
                    color: #c0c4cc;
                }

                .step-nodes {
                    margin: 0;
                    padding: 15px;
                    overflow-y: auto;
                    height: calc(100% - 20px);
                    border-radius: 4px;
                    border: 1px solid #dcdfe6;

                    li {
                        list-style: none;
                    }

                    .step-node {
                        display: block;

                        .step-nodes-title {
                            width: 100%;
                            display: flex;
                            align-items: center;

                            .title-name {
                                font-size: 16px;
                                font-weight: 600;
                                margin-left: 10px;
                            }
                        }

                        .large-line {
                            display: inline-block;
                            border: 0.5px solid #409eff90;
                            position: absolute;
                            width: 1px;
                            height: 100%;
                            left: 10px;
                            top: 0;
                            font-size: 18px;
                        }

                        .title-order {
                            width: 22px;
                            height: 22px;
                            border: 2px solid #409eff90;
                            display: block;
                            text-align: center;
                            border-radius: 50%;
                            line-height: 18px;
                            color: #409eff90;
                            font-size: 16px;
                        }

                        .step-nodes-body {
                            position: relative;
                            height: 100%;
                            padding: 10px;

                            .body-nodes {
                                margin: 10px 0 5px 20px;
                                padding: 0;

                                .nodes-item {
                                    display: block;
                                }

                                .adm-checkbox {
                                    padding-right: 14px;
                                    padding-bottom: 14px;
                                }

                                .show-more {
                                    text-align: right;
                                    color: #1a96ea;
                                }
                            }

                            .items {
                                margin-right: 10px;
                            }
                        }
                    }
                }
            }
        }
        .adm-popup-close-icon {
            top: 16px;
        }
    }
}
